@charset "utf-8";
/* CSS Document */

#container{ }
	/*main content*/
	#content{ float:left; width:500px; margin-left:10px;}
		#magic{ margin-left:5px; width:480px; border:1px solid #999; height:202px;}
		/*广告位2*/
		#a_b_02{ margin:10px 0 10px 0px;}
		#a_b_02 a{ margin:0 2px;}
		/*推荐图书*/
		/*#comment_book{ height:100%; overflow:hidden;}*/
		/*#comment_book li{ float:left; margin:0 5px 12px; text-align:center; display:inline;}*/
		/*#comment_book li img{ display:block; border:1px solid #D4D7D6; padding:2px; margin-bottom:4px;}*/
     #hot-search-products {
	 display: grid;
	 grid-template-columns: repeat(4, 125px); /* 创建四列，每列125px */
	 grid-gap: 1px; /* 格子之间的间距 */
	 padding: 1px;
     }
     #product {
	display: flex;
	flex-direction: column; /* 垂直排列图片和标题 */
	align-items: center; /* 居中对齐 */
	width: 125px; /* 每个商品项的宽度 */
	height: 180px; /* 每个商品项的高度 */
	overflow: hidden; /* 隐藏超出部分 */
    }
    #product img {
	width: 113px; /* 图片宽度适应容器 */
	height: 121px; /* 图片高度自动调整 */
    }
    #product h3 {
	margin: 10px 0; /* 标题的外边距 */
	font-size: 10px; /* 标题字体大小 */
	word-break: break-all; /* 强制在单词内换行 */
	white-space: pre-wrap; /* 保留空白符序列，但是正常换行 */
	text-overflow: ellipsis; /* 超出部分显示省略号 */
	overflow: hidden; /* 隐藏超出部分 */
	height: 59px; /* 标题区域高度 */
    }

	/*side content*/
	#sidebar{ float:right; width:196px;}
		#notice{ height:100px; overflow:hidden; background:url(../Images/notice.gif) no-repeat; padding:20px 6px 0 14px; line-height:22px;}
.sidedt ul {
	list-style-type: none; /* 移除列表项前的默认标记 */
	padding: 0; /* 移除默认的内边距 */
}

.sidedt li {
	padding: 1px 0; /* 为列表项添加上下内边距 */
}

.sidedt .product-name {
	white-space: nowrap; /* 保持文本在一行内 */
	overflow: hidden; /* 隐藏溢出的文本 */
	text-overflow: ellipsis; /* 显示省略号 */
	max-width: 100%; /* 防止溢出容器 */
	display: block; /* 或者 inline-block，取决于布局需求 */
}

/* 如果您使用表格显示商品信息 */
.sidedt table {
	width: 100%; /* 表格宽度 */
	border-collapse: collapse; /* 合并边框 */
}

.sidedt td {
	padding: 5px; /* 为表格单元格添加内边距 */
	border: 1px solid #ddd; /* 为表格单元格添加边框 */
	white-space: nowrap; /* 保持文本在一行内 */
	overflow: hidden; /* 隐藏溢出的文本 */
	text-overflow: ellipsis; /* 显示省略号 */
}
		/*订单查询*/
		#order_find{ margin-top:10px;}
		#order_find label{ font:600 12px/17px Arial; color:#0F81B5;}
		.order_key{ width:70px; height:18px; line-height:18px; }
		.order_sub{ width:62px; height:22px; font:12px Tahoma; border:1px outset; border-color:#333 #333 #999 #999;}

		/*在线客服*/
		.service{ margin-top:10px; background:#E2F1F9; text-align:center; padding:3px 6px 5px;}
		.service p{ margin:5px 0;}

		.sidedt{ margin-top:14px; height:294px; background:url(../Images/sideArea.gif) no-repeat 0 29px; overflow:hidden;}
		.sidedt h1{ height:29px; font:600 14px/28px Arial; color:#fff; text-align:center; background:url(../Images/sideTitle.gif) no-repeat;}
		.sidedt ul{ margin:10px 0 0 15px;}
		.laster h1{ background-position:0 -29px;}
